<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<base href="<%=basePath%>">

		<title>Google Talk好友搜索</title>
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="keywords"
			content="Google Talk好友,Google Talk,GT,GT SNS,SNS,GT聊天">
		<meta http-equiv="description" content="Google Talk好友搜索首页">
		<link type="text/css" href="/common/jquery/themes/base/ui.all.css" rel="stylesheet" />
		<link rel="stylesheet" href="common/jquery/themes/start/jquery-ui-1.7.2.custom.css" type="text/css"></link>	
		<script type="text/javascript" src="/common/jquery/jquery-1.3.2.js"></script>
		<script type="text/javascript" src="/common/jquery/ui/ui.core.js"></script>
		<script type="text/javascript" src="/common/jquery/ui/ui.sortable.js"></script>
		<script type="text/javascript" src="/common/jquery/ui/ui.tabs.js"></script>	
		<script type="text/javascript">
			$(function() {
				$("#tabs").tabs().find(".ui-tabs-nav").sortable({axis:'x'});
			});			
		</script>
		<link rel="stylesheet" href="/skin/default/css.css" type="text/css"></link>
	</head>

	<body>
		<div id="top">
			<li style="display: inline;">
				<img src="/skin/default/images/logo.png" />
			</li>
			<li style="float: right; display: inline;">
				Language:
				<select style="width: 150px;" name="lang">
					<option value="chinese">
						简体中文
					</option>
					<option value="english">
						English
					</option>
				</select>
			</li>
		</div>
		<div id="notify">
			<li>
				<img src="/skin/default/images/notice-ico.gif" />
				本站为个人兴趣所建的非盈利性站点.
			</li>
		</div>
		<div id="function">
			<div id="tabs">
				<ul>
					<li>
						<a href="#unit">查找联系人</a>
					</li>
					<li>
						<a href="#group">查找群</a>
					</li>
					<li>
						<a href="#signin">录入信息</a>
					</li>
				</ul>
				<div id="unit">
					<form id="unitform">
						<table style="width:60%">
							<tr>
								<td colspan="2">
									<input type="radio" value="searchByOption" />按条件查找
								</td>
							</tr>
							<tr>
								<td>
									国家:
								</td>
								<td>
									省份:
								</td>
							</tr>
							<tr>
								<td>
									<select name="country" id="country">
										<option value="">
											中国
										</option>
									</select>
								</td>
								<td>
									<select name="province" id="province">
										<option value="">
											北京
										</option>
									</select>
								</td>
							</tr>
							<tr>
								<td>
									城市:
								</td>
								<td>
									语言:
								</td>
							</tr>
							<tr>
								<td>
									<select name="city" id="city">
										<option>
										</option>
										<option>
										</option>
									</select>
								</td>
								<td>
									<select name="lang" id="lang">
										<option value="chinese">
											简体中文
										</option>
										<option value="english">
											英文
										</option>										
									</select>
								</td>
							</tr>
						</table>
					</form>
				</div>
				<div id="group">
					<p>
						标签二
					</p>
				</div>
				<div id="signin" style="list-style:none;">
					<li>
						<input type="button" value="录入个人信息" onclick="unitSignin();" />
					</li>
					<li>
						<input type="button" value="录入群信息" onclick="unitGroup();" />
					</li>
				</div>
			</div>

		</div>
		<div id="foot">

		</div>
	</body>
</html>
